<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>驾校详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../libs/mui/mui.css" />
		<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/main.css"/>
		<link rel="stylesheet" type="text/css" href="../css/imageviewer.css"/>
		<style>
			.mui-content{font-size: 16px;}				
			/*详情*/
			.Offer h5{color: black;font-size: 16px;}
			.Offer b{color: red;margin-right: 15px;}
			/*图片*/
			.mui-content{font-size: 16px;}
			.mui-table-view-cell>a:not(.mui-btn){white-space:normal}
			.mui-table-view .mui-media-object {line-height: 47px;max-width: 95px;height: 70px;}
			.mui-media-body b{color: black;font-size: 16px;padding: 5px 0;display: block;}					
			/*底部*/
			.mui-bar-tab .mui-tab-item.mui-active{color: #e3393c !important;}			
			.mui-bar-tab div a:nth-child(1){display: block;text-align: center;line-height: 30px;height: 50px;background: white;}
			.mui-bar-tab div a:nth-child(1) h5{margin: 0;}			
			.mui-bar-tab div:nth-child(2) span{background: #2875f5;color: white;line-height: 30px;}
			.wid30{font-size: 17px;width: 100%;display: inline-block;padding: 12px 0;text-align: center;height: 50px;}

			.Surroundings{background: white;padding: 11px 15px;}			
			.mui-slider-group img{width: 100px;height: 100px;}									  									  		
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">驾校详情</h1>
			<a href="#picture" class="mui-pull-right mui-icon">
		    	<i class="iconfont Siez1">&#xe612;</i>
		    </a>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<div class="mui-col-xs-5 mui-pull-left">
				<a class="tel">
					<i class="iconfont Siez2">&#xe611;</i>
					<h5>客服</h5>
				</a>
			</div>
			<div  class="mui-col-xs-7 mui-pull-left">
				<a class="goumai">
					<span class="wid30">立即预定</span>
				</a>
			</div>
		</nav>	
		<div class="mui-content">		
			<div class="School">					
				<ul class="mui-table-view Driving">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="">
							<div class="mui-media-body">
								<b></b>
								<p></p>
								<p class="mui-h6"></p>
							</div>
						</a>
					</li>
				</ul>
				<ul class="mui-table-view Offer">
					<li class="mui-table-view-cell">
						<h5>深圳标准班</h5>
						<p class="school_type"></p>
						<p class="price"><b></b><s></s></p>
					</li>
				</ul>
				<ul class="mui-table-view m5">
					<li class="mui-table-view-cell">教学环境</li>
				</ul>
				<div class="mui-slider-group Surroundings">					
					<div class="succes-goods-img-body table-view-cell mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"style="height: 100px;">
						<div class="mui-route mui-scroll mobile">
							<!--<img src="../public/img/23.jpg" data-preview-src="" data-preview-group="1"/>
							<img src="../public/img/24.jpg" data-preview-src="" data-preview-group="1"/>
							<img src="../public/img/25.jpg" data-preview-src="" data-preview-group="1"/>
							<img src="../public/img/22.jpg" data-preview-src="" data-preview-group="1"/>
							<img src="../public/img/26.jpg" data-preview-src="" data-preview-group="1"/>
							<img src="../public/img/21.jpg" data-preview-src="" data-preview-group="1"/>-->
						</div>
					</div>	
				</div>
				<ul class="mui-table-view m5">
					<li class="mui-table-view-cell">驾校简介</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell detail">
						<p></p>
					</li>
				</ul>
			</div>		
		</div>	
		<!--分享-->
		<div id="picture" class="brand-share mui-popover mui-popover-action mui-popover-bottom" style="bottom: 50px;">
			<ul class="background table-view">
				<li><i class="iconfont lvs weixin">&#xe609;</i>
					<span>微信</span>
				</li>
				<li><i class="iconfont ify4 qq">&#xe658;</i>
					<span>QQ好友</span>
				</li>
				<li><i class="iconfont lvs friends">&#xe65f;</i>
					<span>朋友圈</span>
				</li>
				<li><i class="iconfont ify3 micro-blog">&#xe661;</i>
					<span>微博</span>
				</li>
			</ul>		 	
		</div>
		<script src="../js/mui.js"></script>
		<script src="../js/open.js"></script>
		<script src="../libs/jquery/jquery.js"></script>
		<script type="text/javascript" src="../js/web_js/public.js"></script>
		<script type="text/javascript" src="../js/web_js/driving_details.js"></script>
		<script src="../js/web_js/share.js"></script>
		<script type="text/javascript">
			
//			立即购买
//			$(".goumai").on("tap",function(){
//				openNewPage('Driving_goods.html')
//			}) 
//			客服商家
//			$(".tel").on("tap",function(){
//				openNewPage('Chat.html')
//			})	
		</script>
	</body>
</html>